<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head th:replace="layouts::header"></head>
<body>

<nav th:replace="layouts::navbar"></nav>

<div style="width: 900px; height: 30px;margin-top: 20px; font-size: 30px;font-family:楷体;color: red; margin-left: 400px; ">哆啦A梦专区</div>

<ul style="width: 900px; height: 230px; margin: 50px auto;">
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="/movies/cat" target="_blank" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/哆啦A梦.webp}" /></a><a href="/movies/new" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">哆啦A梦</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/哆啦A梦2.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">哆啦A梦2</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/哆啦A梦3.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">哆啦A梦3</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/哆啦A梦4.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">哆啦A梦4</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/哆啦A梦5.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">哆啦A梦5</a></li>
</ul>
<ul style="width: 900px; height: 230px; margin: 50px auto;">
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/哆啦A梦6.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">哆啦A梦6</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/哆啦A梦7.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">哆啦A梦7</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/哆啦A梦8.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">哆啦A梦8</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/哆啦A梦9.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">哆啦A梦9</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/哆啦A梦10.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">哆啦A梦10</a></li>
</ul>
<div style="width: 900px; height: 30px; font-size: 30px;font-family:楷体;color: aqua; margin-left: 400px; ">蜡笔小新专区</div>
<ul style="width: 900px; height: 230px; margin: 50px auto;">
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影2.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新2</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影3.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新3</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影4.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新4</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影5.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新5</a></li>
</ul>
<ul style="width: 900px; height: 230px; margin: 50px auto;">
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影6.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新6</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影7.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新7</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影8.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新8</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影9.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新9</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影10.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新10</a></li>
</ul>
<ul style="width: 900px; height: 230px; margin: 50px auto;">
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影11.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新11</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影12.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新12</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影13.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新13</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影14.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新14</a></li>
    <li style="width: 150px; height: 230px; list-style:none; float: left;margin-left: 10px;"><a href="" style="display: block;width: 150px;height: 230px; margin-left: 6px;float: left;"><img   style="width: 150px;height: 230px;background-size: cover;" th:src="@{/images/蜡笔小新大电影15.webp}" /></a><a href="" style="width: 150px;height: 30px; text-decoration: none; color: black;margin-top: 200px;line-height: 30px;text-align: center; display: block;">蜡笔小新15</a></li>
</ul>

</body>
</html>